//
//  SwiftUIView_ExtractedFunctions.swift
//  SwiftUIPractice
//
//  Created by 下午4点了啊 (external - Project) on 2024/9/12.
//

import SwiftUI

struct SwiftUIView_ExtractedFunctions: View {
    
    @State var backgroundColor = Color.brown
    
    var body: some View {
        // ExtractedFunctions
        ZStack {
            backgroundColor.ignoresSafeArea()
         
            //把一个视图单独调用
            contentLayer
        }
    }
    
    //这个做法就是把一个视图抽出来 然后也是可以直接放到上面调用的
    var contentLayer: some View {
        VStack {
            Text("Hello, World!")
            Button(action: {
                buttonPressed()
            }, label: {
                Text("快速点击按钮!!!").font(.headline).foregroundStyle(.white).padding().background(Color.black).cornerRadius(15)
            })
        }
    }
    
    // 把按钮的点击事件抽取成为一个函数放出来
    func buttonPressed() {
        backgroundColor = .yellow
    }
}

#Preview {
    SwiftUIView_ExtractedFunctions()
}
